import * as React from "react";
import { SVGProps } from "react";

const SvgRouteIcon = (props: SVGProps<SVGSVGElement>) => (
    <svg
        width={54}
        height={53}
        viewBox="0 0 54 53"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
    >
        <path
            d="M52.955 28.567c.447-.51.798-1.075.845-1.768a4.768 4.768 0 0 1-.002-.137c-.001-.092-.002-.185-.013-.277a2.874 2.874 0 0 0-.377-1.059l-.352-.381c-.216-.186-.373-.333-.6-.546-.603-.566-1.701-1.596-5.725-5.054-1.532-1.318-4.023-.145-4.08 1.922l-.042 3.112-14.806.02c-1.692.394-1.635 2.492 0 4.071 1.24 1.127 1.86 1.24 14.735 1.24l-.038 2.788c.055 1.524.594 1.795 1.835 2.325.874-.136 1.078-.11 1.253-.169.144-.049.268-.155.73-.456l6.637-5.63Z"
            fill="url(#route-icon_svg__a)"
        />
        <path
            d="M36.013 9.446c-.013 1.417-1.064 2.544-2.478 2.637l-2.713.04-.99 3.043c-1.071 4.34-4.454 9.471-6.202 9.471-1.691 0-4.491-1.147-4.491-2.105 0-.451.8-.944 1.176-1.15 1.12-.614 3.203-3.002 4.443-5.934.278-.74.38-1.658.474-2.512.029-.258.057-.51.089-.75l-3.017.047c-1.524-.055-1.795-.594-2.325-1.835.07-.457.098-.731.115-.913.016-.167.025-.257.053-.34.034-.099.094-.188.226-.383.06-.09.136-.201.23-.346l5.631-6.637c.998-.93 2.094-1.12 3.241-.454l.381.352c.186.216.333.373.546.6.566.603 1.596 1.702 5.054 5.724.388.455.501.866.557 1.445Z"
            fill="url(#route-icon_svg__b)"
        />
        <path
            d="M36.013 43.566c-.013.544-.221 1.023-.556 1.445-3.459 4.023-4.49 5.121-5.055 5.725-.213.226-.36.383-.545.599l-.382.352c-1.147.665-2.243.475-3.24-.454l-5.632-6.637c-.094-.145-.17-.256-.23-.346-.132-.195-.192-.284-.226-.383a1.559 1.559 0 0 1-.053-.34 14.616 14.616 0 0 0-.115-.913c.53-1.241.8-1.78 2.325-1.835l2.813.044c-.61-2.66-1.632-5.473-3.285-7.226-3.44-3.383-4.705-4.398-12.823-4.398-.684 0-1.313.002-1.89.004h-.002C1.031 29.224.6 29.226.6 26.497c0-2.424.073-2.557 8.811-2.107 4.007.187 5.006.322 6.235.488.259.035.527.071.836.11 10.073 1.252 13.004 10.145 14.265 15.898l2.788.043c1.48.075 2.412 1.211 2.478 2.636Z"
            fill="url(#route-icon_svg__c)"
        />
        <defs>
            <radialGradient
                id="route-icon_svg__a"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="matrix(-31.50427 17.22165 -20.57867 -37.64541 38.501 19.74)"
            >
                <stop stopColor="#47EBF5" />
                <stop offset={0.893} stopColor="#1890FF" />
            </radialGradient>
            <radialGradient
                id="route-icon_svg__b"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="matrix(-31.50427 17.22165 -20.57867 -37.64541 38.501 19.74)"
            >
                <stop stopColor="#47EBF5" />
                <stop offset={0.893} stopColor="#1890FF" />
            </radialGradient>
            <radialGradient
                id="route-icon_svg__c"
                cx={0}
                cy={0}
                r={1}
                gradientUnits="userSpaceOnUse"
                gradientTransform="matrix(-31.50427 17.22165 -20.57867 -37.64541 38.501 19.74)"
            >
                <stop stopColor="#47EBF5" />
                <stop offset={0.893} stopColor="#1890FF" />
            </radialGradient>
        </defs>
    </svg>
);

export default SvgRouteIcon;
